body {
    
    background-image: url(/images/drrr10.jpg) ;
    background-repeat: no-repeat;

}
#head{
    
    position:absolute;
    
    width: 100%;
    height: 10.1%;
    top: 3%;
    left: 0%;
     
}





#text {
    margin: 0 auto;
    position: absolute;
    top: 21%;
    left: 24%;
    width: 40em;
       
    line-height: 1.5em;
    color: #545454;
    background-color: #ffffff;

    filter:alpha(opacity=70);
    opacity:0.7;
   
    border-radius: 10px; 
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);

}



#touxiang-position {
    position:relative;

}
#touxiang-position:hover{
    filter: alpha(opacity:40);
    opacity: 0.4;
}
#usernamestyle {
    position: relative;
    top: -0.78em;
    left: 5%;
    color: rgb(248,248,248);
    font-size: 18px;

}
.navigation{
    position: absolute;
    top: 30%;
    left: 70%;
}

#span-style {
    color:cadetblue;
    position: relative;
    top: -0.5em;
    left: 5%;
    font-size: 25px;

}
#spanexitstyle {
    position: relative;
    top: -0.8em;
    left: 5%;
    color: rgb(248,248,248);
    font-size: 18px;
}





#logo-style {
    position: absolute;
    top: 10%;
    
    left: 15%;
}



#headstyle {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    position: absolute;
    top: 40%;
    left: 22%;
    color: rgb(250,250,250);
   
    
}






















/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;

max-width: 500px;
padding: 25px 15px 25px 10px;
font-family: "Microsoft YaHei" ! important;
font-size: 12px;
color: #000000;
    
text-shadow: 1px 1px 1px #FFF;

}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 10px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"],.basic-grey input[type="password"] {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.basic-grey .button {



    box-shadow: 1px 1px 5px #B6B6B6;


    cursor: pointer;


    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.basic-grey .button:hover {

    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}

.basic-grey .button1 {



    box-shadow: 1px 1px 5px #B6B6B6;


    cursor: pointer;


    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.basic-grey .button1:hover {

    color: #333;
    background-color: #EBEBEC;
    border-color: #ADADAD;
}





